<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 
1
<ul id="v-for-object" class="demo">
  <li v-for="value in object">
    {{ value }}
  </li>
</ul>
-->

<!-- 
2
 <ul id="v-for-object" class="demo">
  <li v-for="(value, name) in object">
    {{ name }} : {{ value }}
  </li>
</ul>
 -->
 

 <ul id="v-for-object" class="demo">
  <li v-for="(value, name, index) in object">
     {{ index }} : {{ name }} : {{ value }}
  </li>
</ul> <!-- 
3
 -->
<script>
var vm = new Vue({
	el: '#v-for-object',
	data: {
		object: {
			//修改这里的顺序，页面也会随之改变
			title: 'How to be a good guy',
			author: 'Victor',
			publishAt: '2018-09-09'
		}
	}
})
</script>